<template>
  <div id="app">
    <!-- 导航区 -->
     <ul>
      <li><RouterLink to="/home">首页</RouterLink></li>
      <li><RouterLink to="/list">列表页</RouterLink></li>
     </ul>
    <!-- 展示区 -->
     <RouterView></RouterView>
  </div>
  
</template>

<script setup>
import { text } from 'express';
import {ref,RouterLink,RouterView} from 'vue-router';

</script>


<style>
  html,
  body {
    position: relative;
    height: 100%;
  }

  body {
    background: #70addf;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }
</style>
